@import './core/variables.scss';

.vc-overview-map {
  text-align: center;
  z-index: $z-side;
  background: #f8f8f9;
  pointer-events: auto;
  transition: all 0.6s;

  .toggle {
    position: absolute;
  }

  .vc-btn {
    z-index: $z-side;
    transition: all 0.6s;
  }

  .toggle-top-right.minimized {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 0px;
  }

  .toggle-bottom-right.minimized {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 0px;
  }

  .toggle-top-left.minimized {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 0px;
  }

  .toggle-bottom-left.minimized {
    -webkit-transform: rotate(270deg) !important;
    transform: rotate(270deg) !important;
    border-radius: 0px;
  }

  .toggle-top-right {
    top: 0;
    right: 0;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .toggle-bottom-right {
    bottom: 0;
    right: 0;
  }

  .toggle-top-left {
    top: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .toggle-bottom-left {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
